<template>
  <div>
    <div class="main">
      <div class="middle">
        <el-container style="height: 500px; border: 1px solid #eee">
          <el-header style="text-align: center;background-color: #409EFF;line-height: 60px;font-size: 16px;font-family: 'PingFang SC','Microsoft YaHei">
            <h1 style="color: white">管理员中心</h1>
          </el-header>
          <el-container>
            <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
              <el-menu>
                <el-menu-item v-for="(item, i) in menuInfo" :key="i"
                              :index="i"
                              @click="$router.push({name: item.routeName})">
                  <i class="el-icon-menu"></i>
                  <span slot="title">{{ item.title }}</span>
                </el-menu-item>
              </el-menu>
            </el-aside>
            <el-main style="padding: 0">
              <router-view></router-view>
            </el-main>
          </el-container>
        </el-container>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AdminIndex',
  components: {
  },
  data () {
    return {
      menuInfo: [
        {
          title: '查看意见反馈',
          routeName: 'opinion'
        },
        {
          title: '用户管理',
          routeName: 'user'
        },
        {
          title: '审批员管理',
          routeName: 'examer'
        },
        {
          title: '组织上传者管理',
          routeName: 'organizationUploader'
        },
        {
          title: '加分项管理',
          routeName: 'item'
        }
      ]
    }
  },
  methods: {
    tmp () {

    }
  },
  computed: {},
  async mounted () {
  }
}
</script>

<style lang="scss" scoped>
.main {
  .middle {
    width: 100%;
    margin: 0 auto;
  }
}
</style>
